       .pages li{list-style-type:none;width:10px;height:10px;border-radius:10px;background-color:white;}
        .pages li:hover{box-shadow:0 0 5px 2px white}
        .pages li.active{background-color:orange;box-shadow:0 0 5px 2px orange}
        .pages{position:absolute;z-index:999}.pages.horizontal{left:50%;transform:        translateX(-50%);bottom:5px}
        .pages.horizontal li{display:inline-block;margin-right:10px}.pages.horizontal         li:last-child{margin-right:0}
        .pages.vertical{right:5px;top:50%;transform:translateY(-50%)}.pages.vertical         li{margin-bottom:10px}
        .pages.vertical li:last-child{margin-bottom:0}
        .cir{position:absolute;left:50%;margin-left:-20px;bottom:5px;display:block;}
        .cir li{width:10px;height:10px;border-radius:5px;float:left;background-color:#cac7ca;margin-right:10px;cursor:pointer;}
        .cir li.current{background:rgba(202, 199, 202, 0.68);}
        #container {width: 100%;height: 500px;overflow: hidden;}
       .sections,.section { height:100%;}
        #container,.sections {position: relative;}
        .section {background-color: #000;background-size: cover;background-    position: 50% 50%;text-align: center; color: white; }
       /*  #section0 { background-image: url('../images/banner1.jpg');}
        #section1 {background-image: url('../images/banner2.jpg');} */
		
        .content{background:#1b252e;width:100%;height:200px;position:relative;}
        .content .colum-left{position:absolute;left:100px;top:0;margin:20px;}
        .content .colum-left .left-txt{font-size: 24px;font-family:"微软雅黑";color:#fff;margin:50px 0 20px 0;}
        .content .colum-left p{width:630px;padding: 0px;outline: 0px;border: 0px;line-height: 4em;color:#fff;font-family: "微软雅黑";font-size: 16px;line-height: 20px;}
        .content .colum-right{position:absolute;right:200px;top:50%;}

        .service{height:560px;margin-bottom:30px;}
        .service .service-title{margin:55px auto;}
        .service .line{height:50px;display:block;border-top:1px solid #dedede;}
        .service ul li p{font-size: 24px;line-height: 40px;color:#333;margin-top:40px;}
        .service ul li span{font-size: 14px;line-height: 25px;}

        .case{background:#ebebeb;width:100%;height:100%;}
        .case .case-img{background-color:#fff;margin:20px 0 80px;}
        .case .case-img ul li{padding:10px;}
        .case .case-img ul li img{width:100%;height:243px;}
        .case  .case-title{margin-top:70px;display:block;}
        
        .banner-info-txt{width:100%;position:relative;}
        .banner-info-txt img{width:100%;}
        .banner-info-txt p{position:absolute;left:50%;top:50%;font-size:30px; color:#fff;line-height: 50px;}
        .banner-info-txt .p-txt{margin-left: -350px; margin-top: -100px;}
        .banner-info-txt p i{color:#f13a3a;font-size: 68px;}

        .about-good{margin-bottom:70px;}
        .about-good .icon-top{margin-top:80px;}
        .about-good .icon-top p{font-size: 40px;color:#f13a3a;font-weight: bold;margin-top:80px;}
        .about-good .icon-top span{line-height: 40px;}

        .banner-right{background:url(../images/banner-r.jpg) no-repeat center;width:100%;height:500px;position:relative;}
        .banner-right .right-txt{position:absolute;left:50%;color:#fff;margin-left:160px;top:50%;margin-top:-200px;}
        .banner-right .right-txt p{font-size: 16px;width:303px;line-height: 30px;}
        .banner-right .right-txt span{font-size: 38px;margin:10px 0 20px;display:block;}
        .banner-right .right-txt .btn-more{margin-top:25px;}

        .contact{height:800px;}
        .contact i{font-size: 26px;color:#333;font-style:normal;}
        .contact .list-bg{margin:80px 0;}
        .contact .list-bg ul li{position:relative;}
        .contact .bg-content{position: absolute;top: 0px;left: 24px;width: 330px;height: 90px;}
        .contact .bg-content .icon{width:120px; height: 90px; line-height: 90px;float: left;}
        .contact .bg-content .txt{ top: 24px; text-align: left; font-family: '微软雅黑';width: 210px;float: right;}
        .contact .bg-content .txt-p{font-size: 16px;margin:20px 0px 10px;}
        .contact .bg-content .p-sm{font-size:12px;}
        .contact .code{position:relative;}
        .contact .code-bg{ position:absolute; left:50%;top:50%;margin-left:-180px;}

        .list-img-bg {background:#ccc;text-align:center;width:100%;}
        .list-img-bg  .tu-txt{background:#fff;line-height: 30px;}
        .list-img-bg  img{width:100%;}
        .list-img-bg .bg-top{margin:90px 50px 120px;}
        .list-img-bg .tu-txt .sm{font-size: 12px;color:#999;}



       .case-tab .tab{position: relative;width: 100%;height: 100px;}
       .case-tab .tab-wrap{position: absolute;left: 50%;top:50%;margin-left: -120px;margin-top: -30px;}
       .case-tab .tab-wrap span{font-size:18px;border:1px solid #ccc;width:120px; text-align: center;border-radius: 30px;}
       .case-tab-list .case-list ul li{margin-bottom:10px;}
       .case-tab .tab span{cursor: pointer;margin-right: 50px;width: 180px;height:44px;line-height: 44px;text-align: center;font-size: 20px;display: inline-block;color:#666;}
       .case-tab .tab span.active{border-radius:22px;background:#ff6637;color:#fff;}
       .case-tab-list .cases-wrap{padding-bottom: 80px;}
       .case-tab-list .cases-wrap .cases-PC img, .cases-wrap .cases-phone img{border: 0;width:.case-tab-list  100%;}
       .case-tab-list .cases-wrap .cases-phone{display:none;}
       
        .news-second{margin:70px auto;}
        .news-second .news-title{font-size: 40px;line-height: 40px;}
        .news-second .line{border-top:1px solid #ececec;display:block;margin:40px auto  0;}
        .news-second .news-list{height:120px;border-bottom:1px dashed #ccc;margin:30px 0 50px;position:relative;}
        .news-second .news-list .news-bg{float:left;}
        .news-second .news-list .news-bg .sm-bg{background:#f2f2f2;width:84px;}
        .news-second .news-list .news-bg .sm-bg h2{font-size:25px;padding-top:22px;line-height: 25px;}
        .news-second .news-list .news-bg .sm-bg span{font-size:14px;display:block;padding-bottom:20px;}
        .news-second .news-list .news-bg .sm-bg a{color:#666;text-decoration: none;}
        .news-second .news-list .news-content{float:right;position:absolute;top:0;left:110px;text-align:left;}
        .news-second .news-list .news-content p,.news-list .news-content h3{color:#808080;font-size:14px;line-height:24px;margin:4px 0 6px;}
        .news-second .news-list .news-content a{color:#808080;}
        .news-second .news-list .news-content a:hover{color: #f13a3a;}

    
         .news-details{margin: 20px auto;position:relative; border: 1px solid #ccc;min-height: 500px;}
        .news-details .detail-title{font-size: 20px; color: #666;}
        .news-details .breadleft{font-size:12px;color:#ccc;margin:10px auto;}
        .news-details .breadleft span{font-size: 14px;color:#666;}
        .news-details .breadleft a{color:#ccc;text-decoration: none;font-size:12px;}
        .news-details .news-details-content{padding:20px 0 10px;}
        .news-details .news-details-content .news-details-title{font-size: 25px;text-align:center;display: block;padding-bottom: 10px;}
        .news-details .news-details-content p{color:#999;font-size:12px;line-height: 35px;margin:25px auto;}
        .news-details .news-details-content .details-list{font-size:12px; color:#ec5d6e;}
        .news-details .news-details-content .bot-txt span{padding:10px 8px;}
        .news-details .details-link a{font-size:14px;color:#333;}
        .news-details .details-link a:hover{color:#ec5d6e;font-size:14px;}
        .news-details .con-link span{font-size: 12px;color:#999;}
    

      .contact-second-form {background:#ebebeb;height: 100%;width: 100%;display: inline-block;}
        .contact-second-form .form-title {color:#666;font-size: 14px;height: 30px;line-height: 30px;margin: 10px 0 15px;}
        .contact-second-form .form-main .main-txt{float:left;padding: 0 30px;height: 50px; line-height: 50px;}
        .contact-second-form .form-main .main-txt span,.contact-second-form .txt-area .text{color:#666;font-size: 14px;text-align: right;line-height: 34px;}
       .contact-second-form .form-main .main-txt .Validform_wrong{line-height: 14px;}
        .contact-second-form .form-main,.contact-second-form .txt-area{margin: 10px auto 30px;height: 50px;}
        .contact-second-form .txt-area{height:80px;}
        .contact-second-form input{height: 30px;width: 196px;line-height: 30px;padding: 1px;border-color: #dadada;text-indent: 6px;border: 1px solid #dadada;}
        .contact-second-form .area-content textarea{font-size:14px;width: 814px;}
        .contact-second-form .tarea{line-height: 80px;height: 80px;margin: 10px 0;width: 100%;}
        .contact-second-form .form-main .main-txt .red{color:#fc2c16;}
        .contact-second-form .txt-area .text{width:60px;line-height: 80px;height: 80px;margin: 10px;float:left;}
        .contact-second-form .code{margin: 10px;float:left;}
        .contact-second-form .area-css{border-color: #dadada;height: 74px;min-width: 104px;text-indent: 6px;}
        .contact-second-form .btn-red .btn a{color:#fff;}
        .contact-second-form .btn-red .btn{width:245px;height:45px;background-color:#f54f4f;}
        .contact-second-form .form-sub{margin:30px auto;}
        .contact-second-form .btn-red {height: 80px;line-height: 80px;}
        .contact-second-form .yzm input{height:40px;line-height: 40px;}

     .about-second .about-content{padding:80px 0 30px;}
     .about-second .about-content .about-title{font-size: 32px;}
     .about-second .about-content p{color:#999;font-size:14px;line-height: 38px;width:616px;margin:30px auto;}
     .about-second .about-show{margin-bottom:45px;}
     .about-second .about-show .about-right{position:relative;}
     .about-second .about-show  img{width: 100%;height: 593px;}
     .about-second .about-show .col-md-4,.about-show .col-md-8{padding:0;}
     .about-second .about-right .right-txt{position:absolute;top:35%;left:50%;margin-left:-145px;text-align: left;}
     .about-second .about-right .right-txt span{font-size: 25px;line-height: 49px;}
     .about-second .about-right .right-txt p{font-size: 16px;line-height: 45px;width: 300px;}
     .about-second .about-right .right-txt span,.about-right .right-txt p{color:#fff;}
        
